<script setup>
import useCounterStore from './stores/counter'
import Hello from "@/component/Hello.vue";
import {onMounted} from 'vue'
onMounted(()=>{
  document.title = import.meta.env.VITE_APP_TITLE
})
const u = useCounterStore()
u.age = 55
</script>

<template>
  <button @click="u.loading=!u.loading">{{ u.loading }}</button>
  <button @click="u.count++">add++</button>
  <button @click="u.count-=5">add-=5</button>
  <button @click="u.increment()">increment</button>
  <p>count:{{ u.count }} , computed:{{ u.doublecount }}</p>
  <hr>
  <h1>component/Hello 组件</h1>
  <Hello/>
  {{u.age}}
</template>

<style scoped>

</style>
